<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>jquery UI - index</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.4.custom.css"/>
        <link rel="stylesheet" type="text/css" href="css/jquery.ui.stars.min.css"/>
        <style type="text/css" media="screen"> 
            @import url('http://bloomington.in.gov/skins/cob/screen.css');
        </style> 
        <style type="text/css" media="print"> 
            @import url('http://bloomington.in.gov/skins/cob/print.css');
        </style> 
        <link rel="stylesheet" type="text/css" href="css/site.css"/>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>

        <script type="text/javascript" src="js/jquery.ui.stars.min.js"></script>
        <script type="text/javascript" src="js/site.js"></script>
    </head>
    <body>
        <div id="banner"> 
            <div id="logo"><a href="http://bloomington.in.gov/">City of Bloomington, IN</a></div> 
            <div id="skipNavigation"><a href="#mainContent" title="Skip Navigation">Skip Navigation</a></div> 
            <div class="widgets"> 

                <div class="widget take-action"> 
                    <h1>Take Action</h1> 
                    <ul> 
                        <li class="do"><a href="http://bloomington.in.gov/facets/viewFacet.php?facet_id=10">Do</a></li> 
                        <li class="report"><a href="http://bloomington.in.gov/facets/viewFacet.php?facet_id=13">Report</a></li> 
                        <li class="ask"><a href="http://bloomington.in.gov/facets/viewFacet.php?facet_id=12">Ask</a></li> 
                        <li class="explore"><a href="http://bloomington.in.gov/facets/viewFacet.php?facet_id=29">Explore</a></li> 

                    </ul> 
                </div> 
            </div> 
            <div id="mainLinks"> 
                <ul><li class="first"><a href="http://bloomington.in.gov/documentTypes/documents.php?documentType_id=4">Services</a></li> 
                    <li><a href="http://bloomington.in.gov/documentTypes/documents.php?documentType_id=5">News</a></li> 
                    <li><a href="http://bloomington.in.gov/calendars">Calendars</a></li> 
                    <li><a href="http://bloomington.in.gov/locations">Locations</a></li> 
                    <li><a href="http://bloomington.in.gov/mybloomington">myBloomington</a></li> 
                    <li><a href="http://bloomington.in.gov/search/sitemap.php">Sitemap</a></li> 
                </ul> 
            </div> 
            <div id="secondaryLinks"> 
                <ul><li class="first"><a href="http://bloomington.in.gov/subscribe">Subscribe</a></li> 
                    <li><a href="http://bloomington.in.gov/contact">Contact Us</a></li> 
                    <li><form method="get" action="http://bloomington.in.gov/search"> 
                            <fieldset><legend>Search</legend> 
                                <input name="search" size="60" value="" /> 
                                <button type="submit" class="search">Search</button> 
                            </fieldset> 
                        </form> 
                    </li> 
                </ul> 
            </div> 
        </div> 
        <div id="topLevelSections"> 
            <ul><li class="home"><a href="http://bloomington.in.gov">Home</a></li> 
                <li class="government"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=4">Government</a></li> 
                <li class="community"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=5">Community</a></li> 
                <li class="business-sustainability"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=6">Business &amp; Sustainability</a></li> 
                <li class="arts-culture"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=218">Arts &amp; Culture</a></li> 
                <li class="parks-recreation"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=8">Parks &amp; Recreation</a></li> 
                <li class="public-safety"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=3">Public Safety</a></li> 
                <li class="transportation"><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=10">Transportation</a></li> 
            </ul> 
        </div> 
        <div id="main-content-container"> 
            <div id="mainContent" xml:lang="en" lang="en" > 

                <div id="pageTitle"> 
                    <div class="breadcrumbs"> 
                        <ul> 
                            <li><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=1">Home</a></li> 
                            <li><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=5">Community</a></li> 
                            <li><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=455">Volunteering &amp; Community Involvement</a></li> 
                            <li><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=181">Volunteer Network</a></li> 
                            <li><a href="http://bloomington.in.gov/sections/viewSection.php?section_id=295">About the Volunteer Network</a></li> 

                        </ul> 
                    </div> 

                    <h1>About the City of Bloomington Volunteer Network</h1> 
                </div> 
                <div class="demo">

                    <div class="ui-widget">
                        <label for="tags">Tags: </label>
                        <input id="tags">
                        <label for="date">Date: </label>
                        <input type="text" name="date" id="date" />
                    </div>
                    Rating: <span id="stars-cap"></span>
                    <div class="stars-wrapper1">
                        <input type="radio" name="newrate" value="1" title="Very poor" />
                        <input type="radio" name="newrate" value="2" title="Poor" />
                        <input type="radio" name="newrate" value="3" title="Not that bad" />
                        <input type="radio" name="newrate" value="4" title="Fair" />
                        <input type="radio" name="newrate" value="5" title="Average" checked="checked" />
                        <input type="radio" name="newrate" value="6" title="Almost good" />
                        <input type="radio" name="newrate" value="7" title="Good" />
                        <input type="radio" name="newrate" value="8" title="Very good" />
                        <input type="radio" name="newrate" value="9" title="Excellent" />
                        <input type="radio" name="newrate" value="10" title="Perfect" />
                    </div>
                </div><!-- End demo -->
            </div>
        </div>
        <div id="footer">
            <div>
                <ul>

                    <li class="first"><a href="http://bloomington.in.gov/login">Sign In</a></li>
                    <li><a href="http://bloomington.in.gov/documents/az_index.php">A-Z Index</a></li>
                    <li><a href="http://bloomington.in.gov/website-privacy-statement">Privacy</a></li>
                    <li><a href="http://bloomington.in.gov/Website-Accessibility-Statement">Accessibility</a></li>
                    <li><a href="http://bloomington.in.gov/languages">Languages</a></li>
                    <li><a href="http://bloomington.in.gov/feeds">Feeds</a></li>
                    <li><a href="http://bloomington.in.gov/jobs">Jobs</a></li>
                    <li><a href="http://bloomington.in.gov/search/sitemap.php">Sitemap</a></li>
                </ul>

            </div>
        </div>
    </body>
</html>
